﻿@using IQReportes.Utils
@model IQReportes.ViewModels.UsuarioViewModel
@{
    string mensaje = @ViewBag.messageSuccess as string;
}
<div id="ConfiguracionIndex" class="container form form-horizontal">

<h2 class="text-center">Configuración</h2>
    @if (mensaje != null && mensaje.Length> 0){
    <div class="alert alert-success ">

        @mensaje
    </div>
    }
@using (Html.BeginForm()){
    @Html.ValidationSummary(true)
    @Html.HiddenFor(model=>model.id)
    @Html.HiddenFor(model=>model.nombre)
    @Html.HiddenFor(model=>model.idPerfil)
    @Html.HiddenFor(model => model._usuario)
    @Html.HiddenFor(model=>model.email)
    <section >
        <fieldset>
            <legend>Transacciones</legend>
            <!-- Text input-->
            <div class="control-group">
                <label class="control-label">Panel De Configuración</label>  
                <div class="controls">
                    <span class="btn-group" data-toggle="buttons-radio">
                        @foreach( var item in @Model.botonesFecha){
                            <button type="button" class="btn btn-primary @(item.valor==Model.transaccionesBotonFechaSeleccion? " active":"")"
                                 value="@item.valor" onclick ="setBotonFechaValor(@item.valor)"
                                id="@("transaccionesBotonFechaSeleccion"+@item.valor)">
                                @item.nombre
                            </button>
                        }
                    </span>
                    @Html.DropDownListFor(model => model.transaccionesInstitucion, new SelectList (Model.instituciones, "id", "descripcion",Model.transaccionesInstitucion))
                </div>    
            </div>
            @Html.HiddenFor(model => model.transaccionesBotonFechaSeleccion)
            @Html.HiddenFor(model=>model.modulosTx[0].nombre)
            @Html.HiddenFor(model=>model.modulosTx[0].id)
            @Html.HiddenFor(model => model.modulosTx[0].tipoChart)
            <!-- Tx Tree -->
            <div class="control-group">
                <label class="control-label">@Html.DisplayFor(model=>model.modulosTx[0].nombre)</label>  
                <div class="controls">
                    @foreach(var item in @Model.radioTiposValoresTree)
                    {
                        <label class="radio inline">
                            @Html.RadioButtonFor(model=>model.modulosTx[0].valorTree, item.id)
                            @item.descripcion
                        </label>
                    }
                </div>    
            </div>
            <!-- Tx Modulo -->
                @for (int i = 1; i < 4; i++)
                {
                    <div class="control-group">
                    @Html.HiddenFor(model=>model.modulosTx[i].id)
                    @Html.HiddenFor(model=>model.modulosTx[i].nombre)
                    @Html.HiddenFor(model=>model.modulosTx[i].tipoChart)
                        <label class="control-label">@Html.DisplayFor(model => model.modulosTx[i].nombre)</label>
                        <div class="controls">
                            @Html.BotonesTipoChart(Model.radioTiposChart,i,Model.modulosTx[i].tipoChart)
                        </div>
                    </div>     
                }
        </fieldset>
    </section>
    <section>
        <fieldset>
            <legend>Panel de control</legend>
            <!-- PC panel de configuracion -->
                
            <div class="control-group">
                <label class="control-label">Panel de configuración</label>  
                <div class="controls">
                    @Html.DropDownListFor(model => model.panelControlInstitucion, new SelectList (Model.instituciones, "id", "descripcion",Model.panelControlInstitucion))
                </div>    
            </div>
                @for (int i = 0; i < 4; i++)
                {
                    @Html.HiddenFor(model=>model.modulosPC[i].id)
                    @Html.HiddenFor(model => model.modulosPC[i].nombre)
                    @Html.HiddenFor(model=>model.modulosPC[i].tipoChart)
                }
                    
            <div class="control-group">
                <label class="control-label">@Html.DisplayFor(model => model.modulosPC[1].nombre)</label>  
                <div class="controls">
                    @Html.BotonesTipoChart(Model.radioTiposChart,6,Model.modulosPC[1].tipoChart)    
                </div>
            </div>
        </fieldset>
    </section>
    <div class="form-actions">
			<button type="submit" class="btn btn-primary">Guardar</button>
	</div>
}
</div>
<script>
    $(".nav li").removeClass("active");
    $('#Configuracion').addClass('active');
    function setBotonFechaValor(seleccion) {
        $("#transaccionesBotonFechaSeleccion").val(seleccion);
    }
    function cambiarChart(seleccion, modulo) {
        if (modulo < 5) {
            $("#modulosTx_"+modulo+"__tipoChart").val(seleccion);
        }
        else {
            $("#modulosPC_" + (modulo-5) + "__tipoChart").val(seleccion);
        }
    }
</script>
